<template>
  <div class="error-403">
    <div class="error-content">
      <h1>403</h1>
      <h2>无权限访问</h2>
      <p>抱歉，您没有权限访问该页面。</p>
      <router-link to="/">
        <el-button type="primary">返回首页</el-button>
      </router-link>
    </div>
  </div>
</template>

<script setup>
// 这里无需引入额外内容，el-button 需在全局已注册 Element Plus
</script>

<style scoped>
.error-403 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f6fa;
}
.error-content {
  text-align: center;
}
.error-content h1 {
  font-size: 120px;
  color: #e6a23c;
  margin-bottom: 0;
  font-weight: bold;
}
.error-content h2 {
  font-size: 32px;
  color: #333;
  margin: 16px 0 8px 0;
}
.error-content p {
  color: #888;
  margin-bottom: 32px;
}
</style>
